﻿@charset "utf-8";
/* 导航下分类 */
.jiu-nav-main { width: 100%; height: 40px; background: #fff; }
.jiu-nav-main-2 { height: auto; background: #fff; }
.jiu-nav { position: relative; height: 40px; margin: 0 auto; }
.nav-item { height: 40px; position: relative; }
.jiu-nav .n_h { float: right; color: #999; height:40px; }
.jiu-nav .n_h a { margin-right:10px; }
.jiu-nav .n_h span { float:left; line-height:40px; }
.jiu-nav-main .fixed {position: fixed;top: 0;margin-top: 0;}
.item-list ul li { display: block; float: left; margin-right: 10px; display: inline; }
.item-list ul li a,.jiu-nav .n_h a { position: relative; display: inline-block; height: 38px; line-height: 42px; color: #656565; border-bottom: #fff solid 2px; padding: 0 3px; min-width: 26px; text-align: center; }
.item-list ul li a:hover,.jiu-nav .n_h a:hover { text-decoration: none; color: #00cf96; }
.item-list ul li a.active,.jiu-nav .n_h a.active { color: #00cf96; font-weight: bold; border-bottom: #00cf96 solid 2px; text-decoration: none; }

#seclevel .seclevelinner {border-top: 1px dotted #d4d4d4;height: auto;margin: 0 auto;overflow: hidden;}

.nav-other em { display: block; position: absolute; top: 5px; left: 85px; height: 14px; padding: 0 5px; background: #00cf96; color: #FFF; font: normal 10px/14px Arial; border-radius: 5px; }
.nav-other { position: relative; padding-left:20px; background:url(../images/global/line.gif) no-repeat left center; }
.nav-other ul li { float: left; margin-right:15px; display: inline; }
.nav-other ul li a { padding: 0 6px; display:inline-block; color:#666; font-weight:bold; font-size:12px; cursor:pointer; height:38px; line-height:42px; _height:20px; _margin-top:16px; }
.nav-other ul li a.advance{ padding: 0 6px; text-align:center;color: #00cf96; font-weight: 700; border-bottom: 2px solid #A9441F;text-decoration: none; line-height: 42px; height: 38px; *line-height: 35px; }
.nav-other ul li a.advance:hover{ color: #00cf96;}
.nav-other ul li a:hover .today{background:url(../images/good/today_h.gif) no-repeat;}
.nav-other ul li a.advance .today{background:url(../images/good/today_h.gif) no-repeat;}
.nav-other ul li a:hover .tw{background:url(../images/good/tomorrow_h.gif) no-repeat;}
.nav-other ul li a.advance .tw{background:url(../images/good/tomorrow_h.gif) no-repeat;}
.nav-other ul li a:hover{ text-decoration:none; color: #00cf96;}
.nav-other ul li a:hover span{text-decoration:none;}
.nav-other ul li a.advance.active:hover{ text-decoration:none; color: #00cf96;}
.nav-other ul li a.advance.active:hover span{ text-decoration:none;}
.nav-other ul li a.advance.active:hover { text-decoration: none; }
.nav-other ul li a.advance.active:hover span { text-decoration: none; }
.nav-other ul li em.l2{ left:175px; }
.nav-other ul li a .today{ width:14px; height:14px; background:url(../images/good/today.gif) no-repeat; display:inline-block; vertical-align:-4px;*vertical-align:-1px;_vertical-align:-2px margin-right:1px;}
.nav-other ul li a .tw{ width:14px; height:14px; background:url(../images/good/tomorrow.gif) no-repeat; display:inline-block; vertical-align:-4px;*vertical-align:-1px;_vertical-align:-2px margin-right:1px;}


.box-play { }
.box-play #img-list { position:relative; width:100%; height:300px; display:none; }
.box-play .img-list li { display:none; position:absolute; left:0; top:0; width:100%; height:300px; }
.box-play .img-list li.cur { display:block; }
.box-play .img-list li a { display:block; height:300px; margin:0 auto; cursor:pointer; background: url("about:blank") repeat scroll 0 0 transparent; }
.box-play .img-list li a:focus { outline:0; }
.box-play i { display: none; position:absolute; cursor: pointer;}
.box-play i.ban-close { width: 30px; height: 30px; top:10px; right:0; background: url(../images/good/ban-esc.png) no-repeat; }
.box-play i.ban-close:hover { background: url(../images/good/ban-esc.png) no-repeat 0 -30px; }
.box-play i.ban-open { width:25px; height:18px; right:-25px; top:3px; background: url(../images/good/open.gif) no-repeat; }
.box-play .count-num { position:absolute; bottom:15px; left:50%; }      
.box-play .count-num li { float:left; _display:inline; margin-left:10px; cursor:default; background: url(../images/good/switch2.gif) no-repeat -16px 0;width: 15px; height: 15px; border-radius: 10px; background: #fff; opacity: .8; _filter: Alpha(opacity = 80); overflow:hidden; }
.box-play .count-num li.cur { background: #f60; opacity: 1; _filter: Alpha(opacity = 100); }
/*商品列表*/
.main { overflow: visible; position:relative; }
.huan-list{ position: relative; }
.huan-list h3 { padding: 0 0 10px; font-size: 16px; color: #333; float: left; }
.huan-list .more { font-size: 13px; font-weight: normal; float: right; display: inline; margin-right: 5px; display: block; height: 20px; line-height: 23px; float: right; }

.goods-list { margin: 0 auto 0; }
.goods-list li {width: 281px;border: #fff solid 2px;background: #FFF;float: left;margin: 0 20px 20px 0;padding-bottom: 6px;*padding-bottom:12px;_padding-bottom: 12px;box-shadow: 1px 1px 0px rgba(212, 212, 212, 0.8);position:relative;}
/*
.goods-list li:hover,.goods-list li:hover .pic-des {border-color: #00cf96;border-width: 2px;-moz-transition:height 0.2s ease-in-out, border-color 0.2s ease-in-out;-webkit-transition:height 0.2s ease-in-out, border-color 0.2s ease-in-out;-o-transition:height 0.2s ease-in-out, border-color 0.2s ease-in-out;transition:height 0.2s ease-in-out, border-color 0.2s ease-in-out;}*/

.goods-list li:hover {border-color: #0b8;border-width: 2px;box-shadow: 0 1px 9px rgba(0, 0, 0, 0.35);}

.goods-list li:hover .pic-des {border-color: #0b8;border-width: 2px;box-shadow: 0 8px 9px 0px rgba(0, 0, 0, 0.35);}

/*
.goods-list li:hover,.goods-list li:hover .pic-des {border-color: #0b8;border-width: 2px;box-shadow: 0 1px 9px rgba(0, 0, 0, 0.35);}
*/

.goods-list li:hover .pic-des, .goods-list li:hover .go-quan, .goods-list li:hover .zhekou { display: block; }
.goods-list li.last { margin-right:0; }
.good-title { width: 280px;   height: 20px; line-height: 20px; overflow: hidden; margin: 8px auto 5px; position: relative; font-weight: normal; }
.good-title .title {  width: 218px; }
.goods-list li .good-title span.sold {display: block;color: #bbb;position: absolute;top: 0;right: 0;background: #fff;width: 70px;height: 18px;text-align: right;}
.good-title .icon { background: url(../images/good/tag_state.gif) no-repeat; float:left; height: 15px; width: 15px; display: inline-block; margin:3px 5px 0 0; }
.good-title .icon.tao-n { background-position: -186px -17px; }
.good-title .icon.tao-t { background-position: -186px 0; }
.title-tips{ margin: 0 auto 10px; color: #919191; width: 238px; overflow: hidden; }
.good-pic { position: relative; width: 281px; height: 271px; text-align:center; padding-top: 0px; overflow: hidden; }
.w1100 .w1100 .good-pic img { width: 281px;}
.w1100 .wc1100 .good-pic { height:180px; }
.w1100 .wc1100 .good-pic img { width:281px; height:180px; }
.good-pic.huan,.good-pic.huan img {  min-height:156px; }
.good-pic .zhekou{ display:none; position:absolute; right:0; bottom:0; width:42px; padding:2px 0; text-align:center; background:#000; filter: alpha(opacity=60); opacity: 0.60; color:#FFF; }

.good-pic .go-quan{ display:block; position:absolute; top:83px; left:69px; width:100px; height:71px;  z-index:12; cursor:pointer; text-decoration:none; }
.good-pic .go-quan.start{background:url(../images/good/quan_tag_start.png) no-repeat; text-shadow:1px 1px #309f0c; }
.good-pic .go-quan.buy{background:url(../images/good/quan_tag_buy.png) no-repeat; text-shadow:1px 1px #00cf96; }
.good-pic .go-quan.end{background:url(../images/good/quan_tag_end.png) no-repeat; text-shadow:1px 1px #787878; }
.good-pic .go-quan:hover{opacity:1;filter:alpha(opacity=100);}
.good-pic .go-quan em{ position:absolute; left:1px; top:5px; width:100px; height:30px; color:#fff; font-family:"微软雅黑","verdana"; text-align:center; }
.good-pic .go-quan em.coupon_num{ }
.good-pic .go-quan em.coupon_num i{ font-size:15px; font-weight:normal; }
.good-pic .go-quan em.coupon_num b{ font-size:20px; font-weight:normal; }
.good-pic .go-quan em.coupon_cond{ top:46px; font-style:normal; }
.brand_new { position: absolute; top: -1px; left: -1px; width: 35px; height: 36px; background: url(../images/good/new.png) no-repeat; }

.list-good { position: relative; width: 281px; height: auto; overflow: visible; }
.list-good.buy .good-price .price-current { color: #00cf96; }
.list-good.start .good-price .price-current { color: #5f9910; }
.list-good.end .good-price .price-current { color: #ababab; }
.list-good .pic-des { position: absolute; bottom: -61px; left: -2px; z-index: 11; width: 240px; height: 50px; line-height: 38px; background: #f5ffe4; font-size: 12px; color: #acc87c; display: none; padding: 0 9px; border-style: none solid solid solid; box-shadow: 1px 0px 0px rgba(212, 212, 212, 0.8); }
.list-good.start .pic-des { background: #f5ffe4; }
.list-good.start .des-report { color: #acc87c; }
.list-good.buy .pic-des { background: #fff; color: #dab07f; }
.list-good .des-report { color: #dab07f;top: 45px;float: right;right: 10px;position: absolute }
.list-good.end .pic-des { background: #f1f1f1; color: #ababab; }
.pic-des h6 {position: absolute;width: 288px;height: 20px;padding: 10px 10px 0 10px;overflow: hidden;text-align: left;color: #333;}

.list-good.end .des-report { color: #ababab; }
.des-state span { width: 198px; }
.des-state .des-report { text-decoration: underline; }
.des-state .des-report:hover { text-decoration: none; color: #acc87c; }
.list-good.start .des-report:hover { color: #acc87c; }
.list-good.buy .des-report:hover { color: #DAB07F; }
.list-good.end .des-report:hover { color: #ABABAB; }


.soldout_pic {
background: url(../images/good/soldouts.png) no-repeat center center;
position: absolute;
top: 0;
left: 8px;
height: 360px;
width: 290px;
display: block;
z-index: 2;
}
.good-price .special{ display: block; width: 180px; height: 40px; height: 39px\9; line-height: 32px; overflow: hidden;}
.good-price .special a{font-size: 20px; font-family: "微软雅黑"; color:#333; }
.good-price .special a:hover{ color:#ff6c01; text-decoration: none;}
.good-price { width: 280px; height: 36px; line-height: 36px; position: relative; margin: 0 auto; }
.good-price .price-current, .good-price .des-other { display: block; float: left;position: relative;z-index: 5; }
.good-price .price-current { font-size: 34px; color: #50830b; font-family: Arial; font-weight: bold;}
.good-price .price-current em { font-size: 14px; font-family: "微软雅黑", "verdana"; vertical-align: 1px; margin-left: 1px; }
.good-price .price-discount { color: #ccc; text-decoration: line-through; }
.good-price .des-other { margin-left: 5px; }
.good-price .des-other span { clear: both; height: 15px; line-height: 15px; display: block; }
.good-price .des-other .price-old { color: #999; margin-left: 2px; }
.good-price .des-other .price-old em { text-decoration: line-through; }
.good-price .des-other .price-old u { text-decoration: none; color: #00cf96;font-family: "tahoma";line-height: 15px;font-size: 12px;}
.good-price .des-other .discount { font-size: 12px; color: #999; }

.good-price .des-other .discount .icon_by {background: url(http://z5.tuanimg.com/v2/ju/img/dealicons_bg.png) no-repeat 0px 0px;
margin-right: 2px;width: 31px;height: 18px;float: left;}


.good-price .des-other .discount b { width: 15px; height:17px; display:inline-block; margin-left: 2px; background: url(../images/good/tag_state.gif) no-repeat;}
.good-price .des-other .discount b.i1 {background-position: -100px 0;}
.good-price .des-other .discount b.i2 {background-position: -119px 0;}
.good-price .des-other .discount b.icon_by { width: 31px; height:21px; display:inline-block; margin-left: 2px; background: url(../images/icon_by.png) no-repeat;}
.good-price .des-other .discount b.icon_gai { width: 51px; height:21px; display:inline-block; margin-left: 2px; background: url(../images/icon_gai.png) no-repeat;}
/*.good-price .btn-new { position: absolute; top: 5px; right: 0 }
.good-price .btn-new a { display: block; font-size: 14px; cursor: pointer; color: #fff; width: 60px; height: 30px; line-height: 30px; background: #0b8; border-radius: 3px; text-align: center; overflow: hidden; }
.good-price .btn-new a:hover { text-decoration: none;background: #00cf96; }
*/
.list-good .btn-new em{display:inline;float:left;width:15px;height:15px;margin: 8px -5px 0 2px;margin:7px -4px 0 2px \9;_margin:7px -4px 0 2px;vertical-align: -2px;background: url(../images/items/list-total.png) no-repeat;}
.list-good .btn-new em.icon_t {background-position: right -71px;}
.list-good .btn-new em.icon_n {background-position: right -88px;}
.list-good .btn-new em.icon_m {margin-top:7px;width:16px;height:16px; background: url(../images/items/meili.jpg) no-repeat;}
.list-good .btn-new span{margin-left: 10px;}
.list-good .btn-new {float:right;right:0px;top:10px;position: relative; }
.list-good .btn-new.wait {right:-15px;top:0px;position: relative; }
.good-price .btn-new a { display: block; font-size: 14px; cursor: pointer; color: #00cf96; width: 60px; height: 30px; line-height: 30px;   border-radius: 3px; text-align: center; overflow: hidden;text-decoration: none; }

.goods-list li:hover .good-price .btn-new.buy a,.goods-list li:hover .good-price .btn-new.sellout a,.goods-list li:hover .good-price .btn-new.end a { text-decoration: none;background: #0b8;color: #fff; }
.goods-list li:hover .good-price .btn-new.buy,.goods-list li:hover .good-price .btn-new.sellout,.goods-list li:hover .good-price .btn-new.end  { top:0; }
.goods-list li:hover .good-price .btn-new.buy em,.goods-list li:hover .good-price .btn-new.sellout em,.goods-list li:hover .good-price .btn-new.end em{display:none; }
.goods-list li:hover .good-price .btn-new.buy span,.goods-list li:hover .good-price .btn-new.sellout span,.goods-list li:hover .good-price .btn-new.end span{margin-left: 0px;}
.good-price .btn-new a span { display: inline-block; }

.good-price .btn-new.start a { background-position: 0 -62px;   }
.good-price .btn-new.wait a { background: url(http://s.juancdn.com/juanpi/images/list/list-total.png) no-repeat;
width: 83px;
height: 32px;
padding-left: 4px;
background-position: 0 -61px;
color: #fff;
line-height: 34px;
line-height: 36px \9;
_line-height: 36px;  }
.good-price .btn-new.buy a { background-position: 0 0;}
.good-price .btn-new.end a { background-position: 0 -125px;}
.good-price .btn-new.gone a { background-position: 0 -125px;}
.good-price .btn-new.sellout a { background-position: 0 -125px;}
.good-price .btn-new.start a:hover { background-position: 0 -93px; }
.good-price .btn-new.buy a:hover { background-position: 0 -93px; }
.good-price .btn-new.end a:hover { background-position: 0 -93px; }
.good-price .btn-new.gone a:hover { background-position: 0 -93px; }
.good-price .btn-new.sellout a:hover { background-position: 0 -93px; }

.discount-title { height: 0; margin: 20px 0 40px; border-top: 1px solid #d2d2d2; border-bottom: 1px solid #ffffff; line-height: 40px }
.discount-title strong { position: relative; top: -15px; margin: 0 auto; display: block; width: 360px; height: 40px; background:url(../images/tao/top_alpha.png) 0 -98px no-repeat; text-indent: -9999px }

.goods-list.w980 li,.w980 .list-good { width:307px; }
.goods-list.w980 li { margin: 0 24px 24px 0; }
.goods-list.w980 li.last { margin-right:0; }
.w980 .list-good .pic-des { width: 289px;margin-left: 0px; }
.w980 .des-state span { width: 240px; }
.w980 .good-pic, .w980 .good-pic img,.w980 .mask-bg { width:290px; height:190px; }
.w980 .good-pic.huan, .w980 .good-pic.huan img { height:0; min-height:190px; }
.w980 .good-pic .go-quan { top:109px; left:95px; }
.w980 .good-title,.w980 .title-tips,.w980 .good-price { width:290px; }
.w980 .good-title .title { width:270px; }
.jiu-side-nav.w980 { width: 130px;  margin-left: -635px; }
.jiu-side-nav.w1100 { width:130px; margin-left: -735px; }
.list-good .newicon {left: -1px;position: absolute;top: -5px;width: 55px;height: 46px;background: url("../images/xinpin.png") no-repeat 0 0;_background-image: url('../images/xinpin.png');padding-top: 3px;color: #fff;font: bold 13px/15px "宋体B8B\4F53";text-align: center;}

.goods-list.w1005 li,.w1005 .list-good { width:307px; }
.goods-list.w1005 li { margin: 0 24px 24px 0; }
.goods-list.w1005 li.last { margin-right:24px; }
.w1005 .list-good .pic-des,.w1100 .w1005 .list-good .pic-des { width: 289px; margin-left: 0px;}
.w1005 .des-state span { width: 240px; }
.w1005 .good-pic { width:307px; height:307px; }
.w1005 .good-pic img, .w1005 .mask-bg { width:307px; height:307px; }
.w1005 .good-pic.huan, .w1005 .good-pic.huan img { height:290px; }
.w1005 .good-pic .go-quan { top:109px; left:95px; }
.w1005 .good-title,.w1005 .title-tips,.w1005 .good-price { width:300px; }
.w1005 .good-title .title { width:290px; }
.w1005 .flat_pic .good-pic,.w1005 .flat_pic .good-pic img { height:190px; }
.w1005 .flat_pic .good-pic .go-quan { top:65px; }
.w1100 .list-good  .pic-des {width: 263px;margin-left: 0px;}
.w1100 .good-title .title {width: 238px;}
 

.mask-bg {cursor: pointer;display: block;position: absolute;top: 0;left: 0;width: 283px;height: 285px;background: #fff;opacity: .5;filter: alpha(opacity=50);z-index: 10;}
.goods-list li .buy-over {cursor: pointer;display: block;position: absolute;top: 80px;left: 80px;background: url(../images/good/soldouts.png) no-repeat;height: 0;width: 120px;padding-top: 120px;overflow: hidden;z-index: 15;}

.w1100 .wc1100 .mask-bg {height: 160px;}
.w1100 .wc1100 li .buy-over{top: 20px;}
.w1005  li .buy-over{top: 100px;left:100px;}
.pic-des h5,.pic-des h6{display: block;position: absolute;left:0px;top:0px;width: 285px;height: 20px;padding:0px 10px 0 10px;overflow: hidden;text-align:left;background: #fff;color: #333;line-height: 20px;font-weight: normal;}
.pic-des h6{padding-top: 5px;}
.pic-des h6 em {color: #999;}
.pic-des h5 em{display: block;float: left;width: 62px;height: 20px;vertical-align: middle;overflow: hidden;color: #999;}
.pic-des h5 i{display: block;float: left;height: 20px;}
.pic-des h5 .q1{display: block;float: left;width: 51px;height: 16px;background: url(/v2/ju/img/icon1.png) no-repeat 0 -37px;opacity: 0.7;filter:alpha(opacity=70);margin: 2px 0 0 5px;}
/*39132右侧品牌团新增链接影响到左侧高度*/
.pic-des h5{height: 21px;}
.pic-des h6 {height: 20px;top: 19px;text-align: left;}
 
.w1100 .pic-des h5,.w1100 .pic-des h6{width: 261px;}
.goods-list.wc1005 li,.wc1005 .list-good { width: 307px; }
.goods-list.wc1005 li { margin: 0 24px 24px 0; }
.goods-list.wc1005 li.last { margin-right:24px; }
.wc1005 .list-good .pic-des { width: 289px; margin-left: 0px;}
.wc1005 .des-state span { width: 240px; }
.wc1005 li .buy-over{top:40px;left:100px;}
.wc1005 .good-pic, .wc1005 .good-pic img ,.wc1005 .mask-bg{ width:307px; height:200px; }
.wc1005 .good-pic.huan, .wc1005 .good-pic.huan img { height:190px; }
.wc1005 .good-pic .go-quan { top:60px; left:95px; }
.wc1005 .good-title,.wc1005 .title-tips,.wc1005 .good-price { width:290px; }
.wc1005 .good-title .title { width:290px; }
.wc1005 .flat_pic .good-pic,.wc1005 .flat_pic .good-pic img { height:190px; }
.wc1005 .flat_pic .good-pic .go-quan { top:65px; }


.goods-list li:hover .my-like{ display: block;border-radius: 15px;}
.my-like{ display: none; width:28px; height: 26px; border: 1px solid #e2e2e2; background: #fff; border-radius: 15px; position: absolute; top: 10px; right: 10px; cursor: pointer;}
.my-like i{background: url(../images/my-like.png) no-repeat -26px 0;  _background: url(../images/my-like.gif) no-repeat; width: 16px; height:13px; position: absolute; top: 50%; left: 50%; }
.my-like .like-ico{  background-position: 0 0;margin-top: -6px; margin-left:-8px; }
.my-like .del-ico{  background-position: -26px 0;  width: 16px; height: 15px;margin-top: -7px; margin-left:-7px;}
.del-ico:hover{  background-position: -26px -19px; }
.my-like:hover .like-ico{background: url(../images/my-like.png) no-repeat 0 -70px;  _background: url(../images/my-like.gif) no-repeat 0 -70px;}
.my-like:hover .like-ico.l-active{background: url(../images/my-like.png) no-repeat 0 -87px;  _background: url(../images/my-like.gif) no-repeat 0 -87px;}
.my-like .l-active{background: url(../images/zmy-like.png) no-repeat 0 -19px;_background: url(../images/zmy-like.gif) no-repeat 0 -19px;}
.my-like .like-big{ margin-top: -40px; margin-left: -8px; width: 45px; height: 37px; background: url(../images/my-like.png) no-repeat -55px 0;_background: url(../images/my-like.png) no-repeat -55px 0;}

.product-info .item-btn a {display: block;font-size: 16px;font-family: "宋体";text-decoration: none;}
.product-info .item-btn .my-like .icon {background: url(../images/items/item.gif) no-repeat right 0;width: 28px;height: 28px;display: block;float: left;margin: 10px 10px 0 0;display: inline;}
.product-info .item-btn .my-like {padding: 0 14px;height: 48px;border: 1px solid #e2e2e2;border-radius: 50px;background: #f9f9f9;line-height: 48px;color: #676767;position: relative;top: -5px;right: -10px;width: auto;}



.like-ceng{height: 48px;background: rgba(0,0,0,.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);zoom:1;position: absolute;bottom: 74px;width: 290px;
left:0; padding: 0 0 0 20px; display: none; z-index: 99;}
:root #aaa{filter:none\9;}/*for IE9*/
.like-ceng .iphone-ico{ width: 20px; height: 29px;background: url(../images/my-like.png) no-repeat 0 -37px; _background: url(../images/my-like.gif) no-repeat 0 -37px; display: block; float: left; margin: 9px 0;}
.like-ceng .tips{ float: left; color: #fff; padding: 5px 0 7px 20px;}
.like-ceng p{line-height: 18px;}
.like-ceng .tips em{ background: #0b8; padding: 2px 5px; border-radius: 2px;}
    .demo1 {
        -webkit-animation-name:'like_poof';
        -webkit-animation-duration: .6s;
        -webkit-animation-timing-function: linear;
        -webkit-animation-delay: .1s;
        -webkit-animation-iteration-count: none;
        -webkit-animation-direction: alternate;
        -moz-animation: like_poof .6s linear;
        -ms-animation: like_poof .6s linear;
        animation: like_poof .6s linear;
        -moz-animation: like_poof .6s linear;
    }
    @-webkit-keyframes like_poof {
        0% {
            margin-top: -40px;
            opacity: 1;
            -webkit-transform: rotate(0deg)
        }
        25% {
            opacity: 1;
            -webkit-transform: rotate(-20deg)
        }
        75% {
            -webkit-transform: rotate(20deg)
        }
        100% {
            margin-top: -90px;
            opacity: 0;
            -webkit-transform: rotate(0deg)
        }
    }

    @-ms-keyframes like_poof {
        0% {
            margin-top: -40px;
            opacity: 1;
            -ms-transform: rotate(0deg)
        }
        25% {
            opacity: 1;
            -ms-transform: rotate(-20deg)
        }
        75% {
            -ms-transform: rotate(20deg)
        }
        100% {
            margin-top: -90px;

            opacity: 0;
            -ms-transform: rotate(0deg)
        }
    }

    @keyframes like_poof {
        0% {
            margin-top: -40px;
            opacity: 1;
            transform: rotate(0deg)
        }
        25% {
            opacity: 1;
            transform: rotate(-20deg)
        }
        75% {
            transform: rotate(20deg)
        }
        100% {
            margin-top: -90px;

            opacity: 0;
            transform: rotate(0deg)
        }
    }
    @-webkit-keyframes unlike_heartbreak_left {
        0% {
            opacity: 1;
            margin-top: -50px;
            -webkit-transform: rotate(0deg)
        }
        30% {
            opacity: 1;
            margin-top: -55px;
        }
        80% {
            opacity: 0;
            margin-top: -10px;
            -webkit-transform: rotate(-15deg)
        }
        100% {
            opacity: 0;
            margin-top: -10px;
            -webkit-transform: rotate(-15deg)
        }
    }
    @-webkit-keyframes unlike_heartbreak_right {
        0% {
            opacity: 1;
            margin-top: -50px;
            -webkit-transform: rotate(0deg)
        }
        30% {
            opacity: 1;
            margin-top: -55px;
        }
        80% {
            opacity: 0;
            margin-top: -10px;
            -webkit-transform: rotate(15deg)
        }
        100% {
            opacity: 0;
            margin-top: -10px;
            -webkit-transform: rotate(15deg)
        }
    }

    @-ms-keyframes unlike_heartbreak_left {
        0% {
            opacity: 1;
            margin-top: -50px;
            -ms-transform: rotate(0deg)
        }
        30% {
            opacity: 1;
            margin-top: -55px;
        }
        80% {
            opacity: 0;
            margin-top: -10px;
            -ms-transform: rotate(-15deg)
        }
        100% {
            opacity: 0;
            margin-top: -10px;
            -ms-transform: rotate(-15deg)
        }
    }
    @-ms-keyframes unlike_heartbreak_right {
        0% {
            opacity: 1;
            margin-top: -50px;
            -ms-transform: rotate(0deg)
        }
        30% {
            opacity: 1;
            margin-top: -55px;
        }
        80% {
            opacity: 0;
            margin-top: -10px;
            -ms-transform: rotate(15deg)
        }
        100% {
            opacity: 0;
            margin-top: -10px;
            -ms-transform: rotate(15deg)
        }
    }

    @keyframes unlike_heartbreak_left {
        0% {
            opacity: 1;
            margin-top: -50px;
            transform: rotate(0deg)
        }
        30% {
            opacity: 1;
            margin-top: -55px;
        }
        80% {
            opacity: 0;
            margin-top: -10px;
            transform: rotate(-15deg)
        }
        100% {
            opacity: 0;
            margin-top: -10px;
            transform: rotate(-15deg)
        }
    }
    @keyframes unlike_heartbreak_right {
        0% {
            opacity: 1;
            margin-top: -50px;
            transform: rotate(0deg)
        }
        30% {
            opacity: 1;
            margin-top: -55px;
        }
        80% {
            opacity: 0;
            margin-top: -10px;
            transform: rotate(15deg)
        }
        100% {
            opacity: 0;
            margin-top: -10px;
            transform: rotate(15deg)
        }
    }
    .unliked span {
        background: url('../images/my-like.png') no-repeat -45px -63px;
        display: block;
        height: 100%;
        left: 50%;
        position: absolute;
        top: 0;
        margin-top: -56px;
    }
    .unliked span.heart_left {
        background-position: -45px -63px;
        margin-left: -25px;
        width: 27px;
        height: 38px;
        opacity: 0;
        -webkit-transform-origin: 26px 54px;
        
        -ms-transform-origin: 26px 54px;
        -o-transform-origin: 26px 54px;
        transform-origin: 26px 54px;
        -webkit-animation: unlike_heartbreak_left .6s ease-out;
        -ms-animation: unlike_heartbreak_left .6s ease-out;
        -o-animation: unlike_heartbreak_left .6s ease-out;
        animation: unlike_heartbreak_left .6s ease-out
    }
    .unliked span.heart_right {
        background-position: -77px -63px;
        width: 27px;
        height: 38px;
        opacity: 0;
        -webkit-transform-origin: 0 54px;
        -ms-transform-origin: 0 54px;
        -o-transform-origin: 0 54px;
        transform-origin: 0 54px;
        -webkit-animation: unlike_heartbreak_right .6s ease-out;
        -ms-animation: unlike_heartbreak_right .6s ease-out;
        -o-animation: unlike_heartbreak_right .6s ease-out;
        animation: unlike_heartbreak_right .6s ease-out
    }
.main-itaokecom .main-fanli {padding: 10px 0;float: left;width: 100%;}
.main-itaokecom .title {height: 27px;display: block;padding: 13px 0 0 40px;color: #303030;font-weight: bold;font-size: 14px;position: relative;}
.main-itaokecom .main-my-like .title {padding: 0 0 0 40px;height: auto;}
.main-itaokecom .main-my-like .title em {font-size: 12px;font-weight: normal;}
.main-itaokecom .main-my-like .title .number {color: #afafaf;margin-left: 10px;}
.main-itaokecom .main-my-like .like-line {height: 4px;background: #f4d0f5;display: block;border-top: 1px solid #e098e2;margin-top: 12px;margin-bottom: 10px;overflow: hidden;}
.like-tips{ padding: 65px 125px 145px 125px;   border-top: 1px solid #e2e2e2; }
.like-tips-img{ position: relative;  width: 730px; height: 355px;}
.like-tips-img_1{background: url(../images/tips-img06.gif) no-repeat;}
.like-tips-img_2{background: url(../images/tips-img07.gif) no-repeat;}
.like-tips-img .like-con{ position: absolute; top: 80px; left: 256px}
.like-tips-img .like-con p{ font-family: "微软雅黑"; font-size: 16px; color: #333; margin-bottom: 20px;}
.like-tips-img .like-con .like-t{ font-size: 22px;}
.like-tips-img .like-con .like-no{ color: #666;}
.like-tips-img .like-con em{ display: inline-block; vertical-align: middle;  margin: -3px 4px 0 4px;}

/*右侧漂浮导航*/
.jiu-side-nav { left: 50%; margin-left: -665px; position: absolute; text-align: left; width: 100px; z-index: 999; margin-top: 50px; }
.jiu-side-nav.fixed { position: fixed; top: 0; margin-top: 0; }
.jiu-side-nav .logo { width: 132px; height: 74px; margin-left: -4px; border-bottom: #b04904 solid 0px; display: none; }
.jiu-side-nav.fixed .logo { display: block; }
.jiu-side-nav .content { background: #fff; border: 1px solid #e2e2e2; border-left: none; border-top: none;margin-top: -5px;}
.jiu-side-nav .hd { background: #ffebd2; width: 130px; height: 34px; color: #00cf96; line-height: 30px; text-align: center;}
.jiu-side-nav .hd h3 { font-weight: normal; }
.jiu-side-nav .hd a { color: #00cf96; }
.jiu-side-nav .bd { padding: 8px 0;}
.jiu-side-nav .bd ul { padding-left: 10px; zoom: 1; }
.jiu-side-nav .bd ul:after { clear: both; content: ""; display: block; font-size: 0; line-height: 0; visibility: hidden; }
.jiu-side-nav .bd li { float: left; width: 50%; line-height: 26px; }
.jiu-side-nav .bd li a { color: #666; display: inline-block; text-decoration: none; padding: 3px 4px; line-height: 18px; border-radius: 2px; position: relative;}
.jiu-side-nav .bd li a.on, .jiu-side-nav .bd li a.on:hover { background: #00cf96; color: #FFF; }
.jiu-side-nav .bd li a:hover { background: #f6ebde; }
.jiu-side-nav .bd li a.out { color: #38980d; }
.jiu-side-nav .bd li a.out:hover { text-decoration: underline; background: none; }
.jiu-side-nav .bd .bd-other { padding-left: 0; }
.jiu-side-nav .bd .bd-other li { width: 100%; text-align: center; }
.jiu-side-nav .bd .bd-web { border-top: #f6ebde solid 1px; }
.jiu-side-nav .bottom { position: absolute; bottom: -20px; background: url(../images/good/bottom-bg.gif) repeat-x; width: 130px; height: 24px; }

/*新手引导*/
#hover_bg { position: fixed; _position: absolute; top:0; left:0; width:100%; min-width:1100px; z-index:10000; background-color:#000; filter:alpha(opacity=70); opacity:0.7; display:none; }
#hover_one { width:730px; height:294px; background:url(../images/guide/step-1.png) no-repeat; position:absolute; z-index:10002; left:50%; margin-left:-545px; top:40px; display:none; }
#hover_one p { margin-top:198px; margin-left:276px; width:141px; height:48px; cursor:pointer; }
#hover_two { width:707px; height:257px; background:url(../images/guide/step-2.png) no-repeat; position:absolute; z-index:10002; left:130px; top:-257px; display:none; }
#hover_two p { margin-top:158px; margin-left:295px; width:141px; height:48px; cursor:pointer; }

.silde-act-nav{ position: absolute; top: 79px; left: 50%; margin-left: 610px; width: 100px; text-align: center;}
.silde-act-nav.fixed {position: fixed;top: 59px;}
.silde-act-nav ul{background: #F1E4E4;  }
.silde-act-nav ul li {color: #666;line-height: 45px;list-style: none;text-align: center;font-size: 16px;}
.silde-act-nav ul li {background-color: #ffebd2;color: #666;height: 45px;line-height: 45px;list-style: none;text-align: center;font-size: 16px;position: relative;margin: 0;*margin-top: -4px}
.silde-act-nav li a,.back-act{ border-bottom: 0px dashed #b7d887; height: 45px; display: block; line-height: 45px; color: #0b8; font-size: 16px; font-family: "微软雅黑";}
.silde-act-nav li a:hover{ background: #0b8; text-decoration: none; color: #ffffff;}
.silde-act-nav li.active{ background: #0b8; text-decoration: none; color: #ffffff;}
.silde-act-nav li.active a{ color: #ffffff;}
.silde-act-nav ul li .point-icon {display: none;}
.silde-act-nav ul li.active .point-icon {display: block;}
.silde-act-nav ul li .point-icon {position: absolute;width: 0;height: 0;font-size: 0;overflow: hidden;border: 5px solid #f1efeb;border-right: 5px solid #0b8;left: -10px;top: 18px;display:none}


.goods-list li .wap {background: #DB679B;color: #fff;position: absolute;top: 271px;right: 9px;width: 114px;z-index: 3;text-align: center;}
.goods-list li .wap .wap_ewm {background: #fff;color: #000;}
.goods-list li .wap p {display: none;height: 15px;padding-top: 2px;}
.goods-list li .wap img {display: none;width: 114px;}
.goods-list li:hover .wap p,.goods-list li:hover .wap img {display: block;}
.goods-list li:hover .wap{top:140px;}
.w1100 .goods-list li .wap {top: 256px;right: 8px;}
.w1100 .goods-list li:hover .wap{top:125px;}

.w980 .goods-list li .wap {top: 258px;right: 9px;}
.w980 .goods-list li:hover .wap{top:127px;}
.w980 .list-good .newicon {left: 10px;}
.list-good .btn-new em.icon_j {background: url(../images/shop_type/D.png) no-repeat;}















